<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="餐盒售卖设置" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <view class="flex-1 overflow-hidden p-[10px]">
      <wd-cell
        title="餐盒支持单独售卖"
        label="开启后，餐盒可以在收银端单独售卖"
        center
        class="rounded-lg"
      >
        <wd-switch size="20px" />
      </wd-cell>
      <view class="mt-3 overflow-hidden rounded-lg">
        <wd-cell title="餐盒支持按订单收取" center label="开启后，支持按订单收取固定的餐盒费">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="餐盒数量" center>
          <view class="inline-block">
            <custom-number-input />
          </view>
        </wd-cell>
      </view>
      <wd-cell title="选择餐盒" is-link class="mt-3 rounded-lg">
        <wd-text text="请选择" color="#aaa" />
      </wd-cell>
    </view>
    <view class="flex border-t-1 border-border border-t-solid bg-white p-4">
      <wd-button type="primary" :round="false" class="flex-1">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
